
import { Tabs } from "antd";
import React from "react";
import "antd/dist/antd.min.css";
import "./zhuye.css";
import Spliebiao from "./Spliebiao";
import Caigou from "./Caigou";
import Cangku from "./Cangku";
import Xiaoshou from "./Xiaoshou";
import Gongyingshang from "./Gongyingshang";
const { TabPane } = Tabs;
var cont = 0;
const Zhuye = () => (
  <div className="card-container">
    <Tabs type="card" tabBarStyle={{ color: "blue" }}>
      <TabPane
        tab={
          <span>
            商品列表
            {cont === 0 ? "" : cont}
          </span>
        }
        key="1"
      >
        <Spliebiao />
      </TabPane>
      <TabPane
        tab={
          <span>
            采购管理
            {cont === 0 ? "" : cont}
          </span>
        }
        key="2"
      >
        <Caigou></Caigou>
      </TabPane>
      <TabPane
        tab={
          <span>
            供应商管理
            {cont === 0 ? "" : cont}
          </span>
        }
        key="3"
      >
        <Gongyingshang></Gongyingshang>
      </TabPane>
      <TabPane
        tab={
          <span>
            仓库管理
            {cont === 0 ? "" : cont}
          </span>
        }
        key="4"
      >
        <Cangku></Cangku>
      </TabPane>
      <TabPane
        tab={
          <span>
            销售记录
            {cont === 0 ? "" : cont}
          </span>
        }
        key="5"
      >
        <Xiaoshou />
      </TabPane>
    </Tabs>
  </div>
);

export default Zhuye;
